/*
 * @Author: chenzhinjian
 * @Description: 
 * @Date: 2019-04-17 20:31:27
 * @LastEditTime: 2019-04-25 10:23:19
 */
 $grid-prefix: $css-prefix;
 .#{$grid-prefix}notifcation-box{
   position: fixed;
   top:px-or-rem(10);
   right: px-or-rem(10);
   .#{$grid-prefix}notice-content{
     box-shadow: 0 px-or-rem(5) px-or-rem(10) rgba(0,0,0,.4); 
     max-width: 330px;
     padding: px-or-rem(16);
     background-color: white;
     border-radius: px-or-rem(5);
     position: relative;
     margin-bottom: px-or-rem(5);
     @include transition(all $transition-time $ease-in-out);
     overflow: hidden;
    .#{$grid-prefix}notice-title{
      @include line-feed();
      font-size: px-or-rem(14px);
      i{
        position: absolute;
        font-size: px-or-rem(21);
        right: px-or-rem(10);
        top: px-or-rem(5);
        color: darken(#fff, 40%);
        cursor: pointer;
        &:hover{
          color: #000;
        }
      }
    }
    .#{$grid-prefix}notice-body{
      margin-top: px-or-rem(10);
      font-size: px-or-rem(12px);
      @include line-feed();
    }
   }
 }